/* logo翻转动画 */
@keyframes LogoRotateY {
  0%   {
    -webkit-transform: rotateY(0); /* Safari and Chrome */
    transform: rotateY(0);
  }
  20%  {
    -webkit-transform: rotateY(72deg);
    transform: rotateY(72deg);
  }
  40%  {
    -webkit-transform: rotateY(144deg);
    transform: rotateY(144deg);
  }
  60%  {
    -webkit-transform: rotateY(216deg);
    transform: rotateY(216deg);
  }
  80% {
    -webkit-transform: rotateY(288deg);
    transform: rotateY(288deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

/* 路由过渡动画 切换*/
.transitionRouter-enter-active, .transitionRouter-leave-active {
  transition: all 0.4s;
} 
.transitionRouter-enter, .transitionRouter-leave{
  transform: translate3d(100%, 0, 0);
}
/* 路由过渡动画 淡入淡出*/
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-active {
  opacity: 0;
}